@charset "utf-8";



/*通用样式*/



* {



    list-style-type: none;



    margin: 0;



    padding: 0;



    border: 0; 



    transition: all 0.4s;



    -webkit-transition: all 0.4s;



    -moz-transition: all 0.4s;



}



body {



	font: 12px 'microsoft yahei';



	color: #333333;



	margin: 0;



	padding: 0;



    background: #f2fbf9;



}



em, i {



	font-style: normal;



}



ul, p, h1, h2, h3, h4, h5, h6, dl, dd {



	margin: 0;



	padding: 0;



	list-style: none;



}



input {



	border: 0;



}



.lf {



	float: left;



}



.rt {



	float: right;



}



.clear {



	clear: both;



}



img {



	vertical-align: bottom;



}



a {



	color: #000000;



	text-decoration: none;



}



a:hover {



	color: #000000;



	text-decoration: none;



}



/*@index@*/



.gotop {



	position: fixed;



	right: 0;



	bottom: 80px;



	height: 40px;



	width: 40px;



}



.gotop img {



	display: block;



	height: 40px;



	width: 40px;



}



.blue {



	padding: 0px;



	margin: 0px;



	font-size: 12px;



	line-height: 25px;



	color: #333;



	text-align: left;



	font-family: "微软雅黑";



}



#globalHeader {



	width: 100%;



	height: 150px;



	padding: 0px;



	border: none;



	margin: 0px auto;



}



.heardtop {

  background:  url(../images/header.png) repeat-x;

      /*background:  #2b7553;*/

    height: 51px;



    color: #fff;



    width: 100%;



    font-size: 11px;



    min-width: 1200px;



    margin: 0 auto;



    position: relative;



}



.topright {



    background: url(../images/header.png) no-repeat;



    height: 40px;



    line-height: 40px;



    /* float: right; */



    z-index: 66;



    width: 350px;



    top: 0;



    position: absolute;



    right: 5%;



}



.topright li {



    float: left;



    padding-right: 20px;



}



.topright li a {



    display: block;



    color: #FFF;



}



.top_l {



	float: left;



	line-height: 45px;



	color: #fff;



}



.top_r {



/*	background: url(../images/phone.png) no-repeat left;
*/


	float: right;



    color: #db2a23;



    padding-left: 55px;



    height: 59px;



    margin-right: 70px;

    margin-top: 20px;







}



.top_r p {



	color: #db2a23;



	font-size: 22px;



	font-weight: bolder;



	padding-left: 10px;
	
	text-align:right;











}



.w100 {



	width: 1200px;



	padding: 0px;



	margin: 0px auto;



	border: none;



}



#globalHeader_logo {



	width: 550px;



	height: 100px;



	float: left;



	margin: 0px;



	border: none;

    margin-bottom:6px;



}

#globalHeader_logo img{
	width:auto;
	height:100px;	
	}



#globalHeader_nav {



    background: #2b7553;



    background: -moz-linear-gradient(270deg, #297950, #2e655b);



    background: -webkit-gradient(linear,50% 0%,50% 100%,from(#297950),to(#2e655b));



    background: -webkit-linear-gradient(270deg, #297950, #2e655b);



    background: -o-linear-gradient(270deg, #297950, #2e655b);



    width: 100%;



    height: 65px;



    float: left;



    padding: 0px;



    margin: 0;



    border: none;



}



#globalHeader_nav .nav {



    width: 1200px;



    padding: 0px;



    margin: 0px auto;



    border: none;



    z-index: 9999;



}



#globalHeader_nav li {



    width: 105px;



    float: left;



    border-right: 1px dashed #2e6552;



    display: block;



    text-align: center;



    height: 65px;



    line-height: 65px;



    font-size: 16px;



    font-weight: border;



    font-family: 'microsoft yahei';







}



#globalHeader_nav li:hover{



    color: #2c7355;



    background: #fff;



    border-right:none;



    border-top: 1px solid #44b8b7;



}



#globalHeader_nav li:hover a{



    color: #2c7355;



   



}



#globalHeader_nav li:last-child{



	border-right:none;



}



#globalHeader_nav li a{



	color: #fff;



	cursor: pointer;



	padding-bottom: 9px;



	display:inline-block;



	width:100%;



}



#globalHeader_nav li.active{



	color: #2c7355;



    background: #fff;



    border-right:none;



    border-top: 1px solid #44b8b7;



}



#globalHeader_nav li.active a{



	color:#2c7355;



}



/*轮播图*/



.lunhuan{width:100%;height:400px;position:relative;}



.lunhuan #lunhuanback{width:100%;height:400px;position:absolute;left:0px;top:0px;overflow:hidden;}



.lunhuan #lunhuanback p{width:100%;height:400px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);background-repeat:no-repeat;background-position:center center;background-size: contain;}



.lunhuan .lunhuan_main{width:1200px;height:400px;margin:0 auto;position:relative;}



/*左侧所有商品列表*/



.suoyouliebiao{width:239px;position:absolute;left:0px;top:0px;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;z-index:200;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);}



/*轮换中间区域*/



.lunhuancenter{    width: 477px;



    height: 235px;



    position: absolute;



     left: 7%;



    top: 16%;}



.lunhuancenter .centergif{display:block;/*width: 12030px;*/height: 235px;position:absolute;left:0px;top:0px;z-index:4;}



.lunhuancenter b{position:absolute;left:0px;top:-40px;opacity:0;filter:alpha(opacity=0);z-index:3;width: 1200px;height: 235px;display:block;}



#lunbonum{height:14px;line-height:23px;position:absolute;    left: 50%;bottom: 5%;z-index:5;}



#lunbonum li{width:14px;height:14px;float:left;margin-right:9px;background:#fff;border-radius:14px;cursor:pointer;}



#lunbonum .lunboone{background:#006a4e;cursor:pointer;}

.lunhuancenter b{

    width: 1200px;

    text-align: center;

    font-size: 48px;

    font-weight: bolder;

     

    line-height: 100px;

     

    /*text-shadow: 1px 2px 3px #2b7553;*/

}

/*main*/



.or_about,.main {



    width: 1200px;



    margin: 0 auto;



  



}



.or_border{



    border:1px solid #ddd;



}



.or_title {



    overflow: hidden;



    width: 1200px;



    height: 45px;



    line-height: 45px;



    }



 



.or_titbg1 {



    background:#b7d0c9;



}



.toleft{



    color: #fff;



    font-size: 18px;



    font-weight: 500;



    width: 190px;



    text-align: center;



    margin: 0 auto;



    height: 40px;



    line-height: 40px;







}



.titleA{



    margin-left: 10px;



    width: 190px;



    position: relative;



    background: url(../images/toptop.png) no-repeat left;



    background-size: 100% 100%;



}



.toright{



    font-size: 12px;



    padding-right: 15px;



    cursor: pointer;



}



.or_product {



    width: 959px;



    margin: 40px auto 0px auto;



    border: none;



    overflow: hidden;



}



.or_product ul {



     width: 1180px;



    display: block;



}







.or_product li {



    width:245px;



    height: 195px;



    float: left;



    margin: 0px 0px 10px 10px;



    



}



.or_product  li a {



    display: block;



    position: relative;



    z-index: 1000;



    text-align: center;



    text-decoration: none;



}



 



.or_product li img {



    width: auto;



       height: 144px;



    padding: 5px;



    z-index: 1;



    background: #fff;



    left: 0;



    border: 1px solid #c2c3c3;
	margin:0 auto;



}



.or_product li a span{



    text-align: center;



    color: #333333;



    font-size: 12px;



    font-weight: bold;



    line-height: 40px;



    height: 40px;



}



.or_product li:hover{ 



    box-shadow: 2px 4px 6px 2px #b7d0c9;







}



.or_first {



    width: 220px;



    text-align: center;



    float: left;



     border: 1px solid #c2c3c3;



    margin-right: 18px;



     background: #2b7553;



     margin-left: 1px;



    background: -moz-linear-gradient(270deg, #297950, #2e655b);



    background: -webkit-gradient(linear,50% 0%,50% 100%,from(#297950),to(#2e655b));



    background: -webkit-linear-gradient(270deg, #297950, #2e655b);



    background: -o-linear-gradient(270deg, #297950, #2e655b);



      border-radius: 20px;



}



.or_first p{



    margin-top: 15px;



    color: #fff;



}



.or_first p span{



    color: #fff;



}



.or_class{



    margin:10px;



    background: #fff;



    border-radius: 20px;



}



.or_class ul{



    width: 100%;



}



.or_class li{



    padding: 10px 15px;



    text-align: left;



    clear: both;

    border-radius: 5px;



    font-size: 12px;



    cursor: pointer;



     padding: 10px;



    border-bottom: 1px dashed #c2c3c3;



}

.or_class li a ,.product_class li a{

    width: 100%;

    display: block;

}

.or_class li span:hover{

    cursor: pointer;  

}

.or_class li:hover{



    cursor: pointer;

    border-bottom: 1px dashed  #2e655b;

    background: -moz-linear-gradient(left, #09f3c1, #fff 5%, #08d893, #a2efe1 95%, #09f3c1);

    background: -webkit-gradient(linear, left top, right top, from(#09f3c1), color-stop(0.05, #fff), color-stop(0.5, #08d893), color-stop(0.95, #a2efe1), to(#09f3c1));

    background: -o-linear-gradient(left, #09f3c1, #fff 5%, #08d893, #a2efe1 95%, #09f3c1);

    

}



.or_class li b{

    width: 43px;

    height: 36px;

    margin-right: 15px;



}

.or_class li b img{

    width: 43px;

    height: 36px;





}

.or_class li span{



    



    font-weight: bolder;



    



    text-align: left;



}



.or_class li:last-child{



     border-bottom:none;



}



/*工程案例*/



.gcal_product{



    width: 100%;



}



.gcal_product ul {



   width: 100%;



    display: block;



}



.gcal_product ul li{



        width: 285px;



    height: 245px;



    float: left;



    margin: 0px 0px 0px 10px;



   



}



.gcal_product li a {



    display: block;



    position: relative;



    z-index: 1000;



    text-align: left;



    font-weight: bolder;



    font-size:12px;



    text-decoration: none;



}



.gcal_product li img {



    width: auto;



    height: 170px;



    padding: 5px;



    z-index: 1;



    left: 0;



    background: #fff;



    border: 1px solid #c2c3c3;



}



.gcal_product li div{



        width: 245px;



    overflow: hidden;



    padding: 5px 20px;



         word-wrap: break-word;



    word-break: break-all;



}



.gcal_product ul li:hover{



    box-shadow: 2px 4px 6px 2px #b7d0c9;



}



.ryzs  li a{



    text-align: center!important;



}



.toright a{



    color: #343434;



}



/*关于我们*/



.smain_left {



    width: 740px;



    display: inline;



    margin-right: 20px;



    border:1px solid #c2c3c3;



}











.mainright {



    width: 435px;



    display: inline;



    border:1px solid #c2c3c3;



}



.smain__about{



   overflow: hidden;



    height: 45px;



    line-height: 45px;



}



#List1_1 dl dd {



   background: url(../images/xwzx.png) no-repeat left;



      padding-left: 30px;



    line-height: 32px;



    color: #333333;



    font-size: 12px;



    font-weight: bold;



}



.com_jianjie dt {



    border: 1px solid #c2c3c3;



    float: left;



        width: 368px;



    height: 235px;



    margin-left: 5px;
	
	margin-top:5px;



}

.com_jianjie a{

        color: #000000;

}

.com_jianjie dt img{



     width: 358px;



    padding: 5px;



    height: 225px;



}



.com_jianjie {



    width: 100%;



    margin: 0 auto;



    border-radius: 15px;



}



.com_jianjie dd {



      margin: 0px 10px;



    float: right;



    width: 340px;



    color: #343434;



    overflow: hidden;



    word-break:break-all;



    display:-webkit-box;



    -webkit-line-clamp:8;



    -webkit-box-orient:vertical;



    overflow:hidden;
	
	height:250px;



}

.com_jianjie dd a{



    color: #30675e;



}



/*欢迎留言*/



.gs-message{



border: 1px solid #c2c3c3;



 width: 590px;



}



.gs-contact{



  border: 1px solid #c2c3c3;



    width: 590px;



}



.gbook_indexpost{



    padding:5%;



}



.form-g input {



       border: 1px solid #efefef;



    font-size: 14px;



    padding: 8px;



    line-height: 30px;



    height: 30px;



    color: #686868;



    border-radius: 15px;



     border: 1px solid #ddd;



    width: 95%;



    margin-bottom: 10px;



    outline:none;



}



.form-g input:focus {border: 1px solid  #00a97e;}



.form-g textarea:focus {border: 1px solid  #00a97e;}



.dt {



    display: -webkit-box;



 



    width: 100%;



}



.dt input {



    width: 100%;



    display: table;



    -moz-box-flex: 1;



    -webkit-box-flex: 1;



    box-flex: 1;



    margin-right: 8px;



        border: 1px solid #ddd;



        outline:none;



}



#form-register,.form-g{



    width: 100%;



}



#form-register{



    width: 100%;



  



}



.form-tj{



    width: 100%;



    margin:0 auto;



        margin-top: 10px;



    text-align: center;



}



#bt-register{



     background: #00a97e;



    background: -moz-linear-gradient(270deg, #00a97e, #00705a);



    background: -webkit-gradient(linear,50% 0%,50% 100%,from(#00a97e),to(#00705a));



    background: -webkit-linear-gradient(270deg, #00a97e, #00705a);



    background: -o-linear-gradient(270deg, #00a97e, #00705a);



    padding: 5px 20px;



    color: #fff;



 border-radius: 15px;



}



.form-g textarea {



   width: 98%;



   border-radius: 15px;



   height: 120px;



    border: 1px solid #ddd;



    outline:none;



        padding: 8px;



            font-size: 14px;



                color: #686868;



}



/*地图*/



.fcontact {



    width: 100%;



    height: 238px;



    padding: 60px 0;



    text-align: left;



    background: url(../images/map1.png) no-repeat center center;



}



.fc_r {



    float: right;



    display: inline-block;



    background: #fff;



    padding: 15px;



    border-radius: 20px;



    margin-right: 25%;



    margin-top: 10%;



}



.fc_r span {



    display: block;



    line-height: 32px;



    padding: 14px 0;



    color: #333333;



    font-size: 12px;



}



.mfbox p{



    color: #333333;



    font-size: 12px;



    white-space: normal; 



    line-height: 2em;



}



.mfbox{



       width: 590px;



    margin:0 auto;



}



/*底部*/



.footer_p{



    width: 100%; 



     color: #fff;



    font-size: 10px;



    text-align: center;



     background: #2b7553;



    background: -moz-linear-gradient(270deg, #297950, #2e655b);



    background: -webkit-gradient(linear,50% 0%,50% 100%,from(#297950),to(#2e655b));



    background: -webkit-linear-gradient(270deg, #297950, #2e655b);



    background: -o-linear-gradient(270deg, #297950, #2e655b);



}



.footer_nav {



    width: 1200px;



    margin:0 auto;



    



}



.footer_nav{



    height: 52px;  



     line-height: 52px;



    color: #FFf;



    text-align: center;



    color: #fff;



     



}



.footer_nav  a{



    color: #fff;



   padding: 0 10px;



}



.cnt_fouc .clr {



       width: 55%;



    text-align: left;



        padding: 0 10px;



            margin-right: 15px;



}



.cnt_fouc {



    width: 650px;



    margin: 0 auto; 



}



.icon-cntent{



  background: url(../images/cntphnoe.png) no-repeat left;



}



.icon-addres{



      background: url(../images/adress.png) no-repeat left;



}



.clr i{



     display: block;



    display: block;



    width: 40px;



    height: 40px;



    float: left;



}



/*动画特效开始*/



/**弹出效果**/



@-webkit-keyframes bounceIn{



    0%{opacity:0;



    -webkit-transform:scale(.3)}



    50%{opacity:1;



    -webkit-transform:scale(1.05)}



    70%{-webkit-transform:scale(.9)}



    100%{-webkit-transform:scale(1)}



    }



    @-moz-keyframes bounceIn{



    0%{opacity:0;



    -moz-transform:scale(.3)}



    50%{opacity:1;



    -moz-transform:scale(1.05)}



    70%{-moz-transform:scale(.9)}



    100%{-moz-transform:scale(1)}



    }



    



    #tc1{-webkit-animation:bounceIn 1s .2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc2{-webkit-animation:bounceIn 1s .4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc3{-webkit-animation:bounceIn 1s .6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc4{-webkit-animation:bounceIn 1s .8s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc5{-webkit-animation:bounceIn 1s 1.0s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc6{-webkit-animation:bounceIn 1s 1.2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc7{-webkit-animation:bounceIn 1s 1.4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #tc8{-webkit-animation:bounceIn 1s 1.6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    



    



    #atc1{-webkit-animation:bounceIn 1s .2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc2{-webkit-animation:bounceIn 1s .4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc3{-webkit-animation:bounceIn 1s .6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc4{-webkit-animation:bounceIn 1s .8s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc5{-webkit-animation:bounceIn 1s 1.0s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc6{-webkit-animation:bounceIn 1s 1.2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc7{-webkit-animation:bounceIn 1s 1.4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    #atc8{-webkit-animation:bounceIn 1s 1.6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}



    



    



/*动画特效结束*/



.winston  span {



    text-align: center;



    color: #333333;



    font-size: 12px;



    font-weight: bold;



    line-height: 40px;



    height: 40px;



}



.winston {



    position: relative;



    top: 0;



    left: 0;



    /* background: #fff; */



    width: 270px;



    height: 200px;



    float: left;



    padding: 5px;



    margin: 0px 5px 0px 0;



    overflow: hidden;



    text-align: center;



}



.winston .wins {



    position: absolute;



    top: 0;



    left: 0;



    opacity: 0;



    width: 300px;



    display: block;



    height: 250px;



    background: url(../images/phover3.png) no-repeat;



}



.winston .wins:hover {



    opacity: 1;



    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



    transition: opacity 0.5s, transform 0.5s;



}



.winston .wins p {



    position: absolute;



    top: 160px;



    left: 35%;



}



.winston .wins p a {



    border: 1px solid #fff;



    padding: 5px 10px;



    color: #fbfc03;



}



/*公司简介*/



.article_box {



    width: 1200px;



    margin: auto;



}



.ribbon_right {



    float: left;



    width: 290px;



}



.ribbon {



    display: inline-block;



    width: 248px;



    position: relative;



    float: left;



    background-size: cover;



    text-transform: uppercase;



    color: white;



    border: 1px solid #ddd;



    font-size: 18px;



}



.article_box ul {



    overflow: hidden;



}



.article_box li {



    float: left;



}



.com_left a.active {



    color: #30665f;



}



.com_left a {



 padding: 10px;



    display: block;



    color: #313131;



    border-bottom: 1px dashed #c2c3c3;



    border-top: none;



    text-align: center;



    font-weight: bolder;



    font-size: 14px;



}



.article_box li {



    float: left;



}



.com_left {



    font-family: 'microsoft yahei';



    width: 225px;



    overflow: hidden;



}



.crumbNav a{



    margin: 0 4px;



}



.ribbon ul{



    margin: 8px;



    padding: 0 5px;



    border-radius: 5px;



    background: #fff;



}



.com_left h4{



   font-size: 14px;



    position: relative;



}



.com_left h4 img{position: absolute;bottom: 3px; left: 15%; width: 15px;}



.com_left a:hover{



    color:  #2e655b;



   cursor: pointer;



    border-bottom: 1px dashed  #2e655b;



}



.com_left a:last-child{



    border-bottom: none;



}



.com_left .about_right {



    font-size: 20px;



    line-height: 50px;



    font-weight: normal;



    color: white;



    margin: 0px;



    padding-left: 40px;



    background: url(../images/nytb.png) no-repeat;



}



.dowm_left{



    background: #fff;



    color: #333333;



    font-family: 'microsoft yahei';



    padding: 10px 15px;



}



.big_font h3{



    color: #30675e;



    font-size: 14px;



    font-weight: 600;



    margin: 5px 0px;



    



}



.big_font p {



    color: #333333;



    font-size: 12px;



}



.big_font p span{



    font-weight:600;



}



.big_font h3 img{



    width: 21px;



    margin-right: 10px;



}



.dowm_font img{



    width: 100%;



    border: 1px solid #ddd;



}



.big_font{



    margin: 10px 5px;



}



.com_right {



    float: right;



    width: 890px;



}



.crumbNav {



    color: #313131;



    font-size: 12px;



    padding-left: 20px;



    height: 42px;



    font-family: 'microsoft yahei';



    line-height: 42px;



    background: -webkit-linear-gradient(#fafdfc, #d7f1ec);



    background: -o-linear-gradient(#fafdfc, #d7f1ec);



    background: -moz-linear-gradient(#fafdfc, #d7f1ec);



    background: linear-gradient(#fafdfc, #d7f1ec);



}



.article_details{



    padding: 10px 0px;



    font-family: 'microsoft yahei';



    font-size: 16px; 



}



.article-list{



    padding: 0px 20px;



}







.article-list img{



    border: 1px solid #c2c3c3;



    padding:10px;

    width:600px;

    height: auto;



    background: #fff



}



/*产品展示*/



.ribbon-product{



    display: inline-block;



    width: 248px;



    position: relative;



    float: left;



    background-size: cover;



    text-transform: uppercase;



    color: white;



    border: 1px solid #ddd;



    font-size: 18px;



}



.product_class {



    background: #fff;



}



.product_class li {



 



    text-align: left;



    clear: both;



    margin: 0px 10px;



    text-align: left;



    clear: both;



    width: 209px;



    color: #333333;



    font-size: 12px;



    cursor: pointer;



    padding: 10px;



    



    border-bottom: 1px dashed #c2c3c3;



}



.product_class ul {



    width: 100%;



}



.product_class li b {

width: 42px;

height: 34px;

    margin-right: 15px;



}

.product_class li b img{width: 42px;

height: 34px;}



.product_class li span {



    font-weight: bolder;



    text-align: left;



    



}



.product_class li:last-child{



    border-bottom: none;



}



.product_class li:hover:last-child{



    border-bottom: none;



}



.product_class li:hover{



    color:  #2e655b;



   cursor: pointer;



    border-bottom: 1px dashed  #2e655b;



}



.product_class li span:hover{



   color:  #2e655b;



   cursor: pointer;  



}



.titleB {



    margin-left: 25px;



    width: 190px;



    position: relative;



    background: url(../images/toptop.png) no-repeat left;



    background-size: 100% 100%;



}



.p_p_list li img {



    width: auto;



    height: 165px;



    padding: 5px;



    z-index: 1;



    background: #fff;



    left: 0;



   



}



.p_p_list li {



    display: inline-block;



    width: 280px;



    height: 225px;



    float: left;



    margin: 0px 0px 10px 10px;



}



.p_p_list{



   text-align: center; 



}



.p_p_list li span{



    margin-top: 10px; 



     display: block;



    text-align: center;



    color: #333333;



    font-family: 'microsoft yahei';



}



.p_p_list .img{



    display: block;



    position: relative;



    background: #fff;



    border: 1px solid #c2c3c3;



}



.p_p_list  i{



    position:absolute;



    width: 262px;



    height: 170px;



    display:none;



    background-color:rgba(149, 206, 255, 0.6);



    top: 3px;



    left:8px;



    }



 



.m_i{background:url(../images/m_i.png);}



/*分页开始*/



.pageWrap{



  

     font-size: 14px;

    margin: 0 auto; 



    display: block;



    text-align: center;



 }

.pageWrap span ,.pageWrap a{

    font-size: 14px;

     color: #00725a;

     background: #fff;

     padding:6px;

     font-weight: 800;

     margin: 3px;

    border-radius: 7px;

    font-family: 'microsoft yahei';

}

.pageWrap span.current{

color: #fff;

margin: 3px;

    border-radius: 7px;

    font-weight: 800;

background: #00725a;

padding:6px;



}

 .pageJump .button:focus {border: 1px solid  #00a97e;}



 .pageJump input:focus {border: 1px solid  #00a97e;}



 /*联系我们*/



 .remark1_font {



    margin: 10px 5px;



}



.remark1_font h3 {



    color: #30675e;



    font-size: 14px;



    font-weight: 600;



    margin: 5px 0px;



}



.remark1_font p {



    color: #333333;



    font-size: 16px;



}



.remark1_font h3 img {



    width: 21px;



    padding:0px;



    margin-right: 10px;



}



.remark1_font p span {



    font-weight: 600;



}



.remark1{



    padding: 0 20px;



}







.lyb_message{overflow:hidden;text-align:left}



.lyb_message dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}



.lyb_message dl{width:100%;zoom:1;}



.lyb_message dl{margin:0;display: flex;position:relative;}



.lyb_message dl dt{padding:15px 10px 10px 15px;text-align:left;font-weight:normal;



    font-size: 12px;



    font-weight: bolder;



    overflow:hidden;width: 120px;



    font-size: 12px;



    font-weight: bolder;



    overflow: hidden;



}



.lyb_message dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:6px 0}



.lyb_message dl dd label input{position:relative;top:1px;margin-right:3px}



.lyb_message dl dd .fbox{margin:0 10px 0 0}



.lyb_message dl dd .tips{color:#aaa}



.lyb_messagedl dd .tips:hover{color:#f00}



.lyb_messagedl dd.labelinline label{display:inline}



.lyb_message dl dt.addimgdt{padding:10px 5px 10px}



.lyb_message dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}



.lyb_message dl.noborder{border-bottom:0}



.submitlyb {



    display: block;



    background: #2a7752;



    background: -webkit-linear-gradient(#2a7752, #30685e);



    background: -o-linear-gradient(#2a7752, #30685e);



    background: -moz-linear-gradient(#2a7752, #30685e);



    background: linear-gradient(#2a7752, #30685e);



    border: 0 none;



    height: 34px;



    line-height: 26px;



    padding: 0 30px;



    color: #fff;



    cursor: pointer;



    border-radius: 2px;



    font-family: 'Microsoft YaHei';



}



.ftype_textarea textarea {



    width: 350px;



    line-height: 1.5;



    height: 100px;



    padding: 7px 5px;



    border: 1px solid #dcdfe0;



    background-color: #fff;



    color: #333;



    outline: 0;



}



.ftype_input .fbox input {



    width: 350px;



    height: 28px;



    line-height: 28px\9;



    padding: 2px 5px;



    border: 1px solid #dcdfe0;



    background-color: #fff;



    color: #333;



    outline: 0;



    border-radius: 2px;



}



 



.formerrorbox {



    border: 2px solid #f00!important;



}



.ftype_input .fbox input:focus{



    border: 1px solid  #00a97e;



}



.ftype_textarea textarea:focus {border: 1px solid  #00a97e;}



.lyb_message dl.noborder dd{



    text-align: center;







}



.lyb_message dl.noborder dd{text-align: center;}







.shipi{



    border: 1px solid #dcdfe0;



    padding: 3px;



}



.p_newsc {



    float: left;



    padding-left: 20px;



    width: 610px;



    padding-top: 10px;



}



.p_newsi {



    float: left;



    width: 217px;



    height: 131px;



    overflow: hidden;



    text-align: center;



}



.p_newsi img{



    border: 1px solid #ddd;



    padding: 5px;



    width: 204px;



    height: 118px;



}



.p_newsf{







    border: 1px solid #ddd;



    background: #fff;



    padding: 15px;



    cursor: pointer;



    box-shadow: 2px 4px 6px 2px #dee2e1;



}



.p_newsf:hover{



    box-shadow: 2px 4px 6px 2px #00725a;



}



.p_newsc h3{



    color: #333333;



    font-size: 14px;



    display: block;



    font-family: 'microsoft yahei';



    word-break: keep-all;



    overflow:hidden;



    text-overflow:ellipsis;



     -o-text-overflow:ellipsis;



     white-space:nowrap;



     width:100%;



     



}



.dt_news{



    color: #565656;



    font-size: 13px;



    display: block;



    font-family: 'microsoft yahei';



    word-break:break-all;



    display:-webkit-box;



    -webkit-line-clamp:3;



    -webkit-box-orient:vertical;



    overflow:hidden;



}



.p_content {



    padding: 5px 10px;



    line-height: 25px;



}



.p_n_title {



    width: 100%;



    text-align: center;



    line-height: 30px;



    font-size: 16px;



    font-weight: bold;



    text-overflow: ellipsis;



}



.remark_title {







    padding-top: 10px;



    line-height: 25px;



 



}



.remark_title img{



    border: 1px solid #ddd;



    padding: 5px;



    margin-right: 5px;



    background: #fff;



    margin-left: 15px;

 



}



.met_infos {



    padding-top: 10px;



    line-height: 25px;



}



.m_aboc ul li{



     width: 163px;



    border: 1px solid #ddd;



    height: 230px;



    margin-right: 30px;



    margin-left: 10px;



    float: left;



    overflow: hidden;



    position: relative;



    box-shadow: 2px 4px 6px 2px #abb0af;



    padding: 3px;}



.m_aboc  ul li a{



    display:block; 



}



.m_aboc  ul{



    padding-bottom: 15px 0px;



}



.m_aboc  ul li a.tit{



    position:absolute;bottom:0px;height:60px;line-height:30px;text-align:center;



    background:rgba(62,70,73,0.6);width:163px;color:#fff;



    display: block;



    font-family: 'microsoft yahei';



/*    word-break: keep-all;*/



    overflow:hidden;



    text-overflow:ellipsis;



     -o-text-overflow:ellipsis;


/*
     white-space:nowrap;*/



}



.m_aboc ul li:hover a.tit{height:230px;line-height:60px;}



.m_aboc  ul li img{width:auto;max-height:230px; margin:0 auto;}







.tem_inner{



    position: relative;



    margin: 0 auto;







}



.tem_inner{width:846px;float:left;}



.tem_inner .hd{position:relative;}



.tem_inner .hd a{width:31px;height:31px;display:block;position:absolute;z-index:99;top: 85px;}



.tem_inner .hd a.prev{background: url(../images/preleft.png)}



.tem_inner .hd a.next{background: url(../images/nextright.png);right: 0;}



.tem_inner .bd{overflow:hidden;padding: 0 25px;width: 820px;}



.tem_inner .bd ul li{



    width:230px;height:175px;margin-right:1px;



    float:left;overflow:hidden;position:relative;



    margin-right: 30px;



    margin-left: 10px;



    box-shadow: 2px 4px 6px 2px #abb0af;



}



.tem_inner .bd ul{



    padding-bottom: 5px;



}



.tem_inner .bd ul li a{display:block;}



.tem_inner .bd ul li a.tita{position:absolute;bottom:0px;height:30px;



    line-height:30px;text-align:center;background:rgba(62,70,73,0.6);width:230px;color:#fff;}



.tem_inner .bd ul li .pica img{width:222px;max-height:200px;}



.tem_inner .bd ul li img{



    padding: 3px ;



    border: 1px solid #ddd;



    background: #fff;



}



.qyry{



    color: #333;

    margin-top: 20px;

    font-size: 16px;



    font-family: 'microsoft yahei';



    text-align: center;



    font-weight: 600;



}

.relative-posi{

    position: relative;
	display:none;

}

 .center-black{

    background: rgba(32,32,32,0.5);

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

 }

 .black-conteanct{

    color: #fff;

    font-size: 55px;

    font-weight: bolder;

    margin:0 auto;

    width: 100%;

    text-align: center;

    text-transform:capitalize;

 }

 .news-centers{

   clear: both;

    margin-top: 11%;

 }

 .news-centers span{

       width: 30px;

    clear: both;

    border-bottom: 1px solid #fff;

    padding-bottom: 1.5%;

 }

 .news-zhongwen{

     clear: both;

    margin-top: 6%;

 }